<template>
  <div id="app">
    <le-header></le-header>
    <le-content></le-content>
    <le-footer></le-footer>
  </div>
</template>

<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
import Content from '@/components/Content'
export default {
  components: {
    'le-header': Header,
    'le-content': Content,
    'le-footer': Footer
  },
  name: 'App'
}
</script>
<style >
html,
body,
#app {
  height: 100%;
  background-color: orange;
}
</style>
